body,html{
	width: 100%;
	height: 100%;
	background-color: #eee;
}

.fixedtop{
	position: fixed;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 10;
}
.getBack{
	background: #fff;
	height: 1rem;
	line-height: 1rem;
	text-align: center;
	border-bottom: 1px solid #f3f3f3;
}
.arrowbox{
	position: absolute;
	left: 0;
	top: 0;
	width: 1rem;
	height: 1rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.getBack img{
	width: .3rem;
	height: .5rem;
}
.dingdan{
    position: absolute;
    right: 0rem;
    width: 1rem;
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.dingdan .oicon1{
	width: .4rem;
	height: .1rem;
}

.detailbox{
	padding: 0 .3rem;
	padding-top: 1.5rem;
	padding-bottom: .5rem;
	background-color: #fff;
	display: flex;
	align-items: center;
}
.avatar{
	width: 1.5rem;
	height: 1.5rem;
	border-radius: .2rem;
	object-fit: cover;
	object-position: top;
}
.name{
	font-size: .5rem;
	font-weight: 600;
	margin-left: .5rem;
}
.sendmsg{
	width: 100%;
	margin-top: .3rem;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #5d6a8a;
	font-weight: 600;
	font-size: .42rem;
}
.friendDetailBox .van-button--default{
	border: none;
}
.detailsend{
	width: .5rem;
	margin-right: .2rem;
}
.friendDetailBox .van-button__text{
	display: flex;
	align-items: center;
}